<!DOCTYPE html>
<html>
<head>
<meta name="viewport" id="WebViewport"
          content="width=720px,initial-scale=1,target-densitydpi=device-dpi,minimum-scale=0.3,maximum-scale=1,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
<title>index</title>

<script src="libs/easeljs-0.7.1.min.js"></script>
<script src="libs/tweenjs-0.5.1.min.js"></script>
<script src="libs/movieclip-0.7.1.min.js"></script>
<script src="libs/preloadjs-0.4.1.min.js"></script>
<script src="index.js"></script>

<script>
var bfb=100

var canvas, stage, exportRoot;

function init() {
	canvas = document.getElementById("canvas");
	images = images||{};

	var loader = new createjs.LoadQueue(false);
	loader.addEventListener("fileload", handleFileLoad);
	loader.addEventListener("complete", handleComplete);
	loader.loadManifest(lib.properties.manifest);
}

function handleFileLoad(evt) {
	if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}

function handleComplete() {
	exportRoot = new lib.index();

	stage = new createjs.Stage(canvas);
	stage.addChild(exportRoot);
	stage.update();

	createjs.Ticker.setFPS(lib.properties.fps);
	createjs.Ticker.addEventListener("tick", stage);
}

   if (screen.width < 720) {
            document.getElementById('WebViewport').setAttribute('content', 'width=720px,initial-scale=' + screen.width / 720 + ',target-densitydpi=device-dpi,minimum-scale=0.3,maximum-scale=1,user-scalable=no');
        }
</script>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
  <!--
        @viewport {
            zoom: 1.0;
            width: 720px;
        }

        @-ms-viewport {
            width: 720px;
            zoom: 1.0;
        }

        body {
            background-color: #ffffff;
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background-size: 100% auto;
            background-image: url(images/_1.jpg);
            background-repeat: repeat-y
        }

        body, td, th {
            color: #520000;
            font-size: 20px;
            font-family: "微软雅黑";
        }

        -->
</style>
</head>

<body onload="init();" style="background-color:#ffffff">
	<canvas id="canvas" width="720" height="1500" style="background-color:#ffffff; position:absolute; left:50%; top:50%; margin-left:-360px; margin-top:-750px;"></canvas>
</body>
</html>